﻿<!DOCT.YPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width" />
    <meta charset="UTF-8">
    <title>QQ</title>
  </head>
  <body>
    <img src="image/bg_chs.png" />
    <h3>注册账号</h3>
    <form>
      <p><label for="1">昵称 <input id="1" pattern="[-\w\u4E00-\u9FA5]{4,10}" /></label>长度为4-10个字符</p>
      <p><label for="2">密码 <input id="2" pattern="[\dA-Za-z]{6,16}" /></label>长度为6-16个字符</p>
      <p><label for="3">确认密码 <input id="3" pattern="[\dA-Za-z]{6,16}" /></label>长度为6-16个字符</p>
      <p><label for="4">手机号码 <input id="4" pattern="1[3578]\d{9}" /></label>密码长度为11位，以13|5|7|8开头</p>
      <p><label for="5">邮箱 <input id="5" pattern="\w[@]" />
      <p><label for="6">年龄 <input id="6" pattern="\d|[1-9]\d|1[0-2]\d" /></label></p>
    </form>
    <img src="image/btn.bmp" />
  </body>
</html>